// pages/home/home.js
const app = getApp();
Page({
  /**
   * 页面的初始数据
   */
  data: {
    name:'宜家宠物托管',
    address:'广东省广州市从化区...',
    bnrUrl:[{image:'../../images/swiper/1.jpg'},{image:'../../images/swiper/2.jpg'},{image:'../../images/swiper/3.jpg'}],
    imageArray: [],
    leftImages: [], // 左边已经展示的图片
    rightImages: [], // 右边已经展示的图片
    leftHeight: 0, //左边高度，非真实高度，不是用与数据绑定，用与和右边逻辑比较哪边高
    rightHeight: 0,//右边高度，非真实高度，不是用与数据绑定，用与和左边逻辑比较哪边高
    index: 0, // 已经加载图片的索引
  },
  // 加载图像（可根据容器中图片的实时高度（模拟）进行图片的添加）
  loadImage: function () {
    var leftHeight = this.data.leftHeight; // 左容器高度局部变量
    var rightHeight = this.data.rightHeight; // 右容器高度局部变量
    var index = this.data.index; // 加载图片的索引
    var images = this.data.imageArray; // 总共要加载的图片
    //长宽比进行计算，虽然不是容器的实时高度，但是左右容器高度的大小关系是可以计算出来的
    //关键不是得到真实的左右高度，而是获得左边和右边哪边小，然后把新图片放到小的那边
    var widthFix = 360; // 左（右）容器中图片的固定宽度，可随意正值，原因如上
    var min = Math.min(leftHeight, rightHeight); // 计算左右容器高度的最小值
    var leftImages=this.data.leftImages;  // 左容器图片数组局部变量
    var rightImages=this.data.rightImages;// 右容器图片数组局部变量
    // 添加要新加载的图
    if (min == leftHeight) {
      leftImages.push(images[index]); //将当前图像加载到左边容器中
      // 计算当前容器内图片的高度
      var currHeight = (widthFix * 750) / 360;
      leftHeight += currHeight;  // 获取图片高度
    } else {
      rightImages.push(images[index]); //将当前图像加载到右边容器中
      // 按照长宽比计算的容器中图片应该的高
      var currHeight = (widthFix * 750) / 360;
      rightHeight += currHeight; // 获取图片高度
    }
    index++;     // 索引加1
    this.setData({
      index: index,
      leftHeight: leftHeight,
      rightHeight: rightHeight,
      leftImages:leftImages,
      rightImages:rightImages
    });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  goToBook(){
    wx.navigateTo({
      url: '/pages/home/book/book'
    })
  },

  onLoad(options) {
    var that = this
    var openid = wx.getStorageSync('openid')
    //闲置
    wx.request({
      url: 'http://127.0.0.1:7001/api/user/idle',
      header: {
        "Content-Type": "application/x-www-form-urlencoded"
      },
      method: 'GET',
      data: {
        
      },
      success: function (res) {
        console.log(res.data);
        const data = res.data.data.result
         for(var i = 0; i <data.length; i++){   
          const {id,description,status,title,price,src,type} = data[i]
          const base64 = wx.arrayBufferToBase64(new Uint8Array(src.data));
          const image ='data:image/png;base64,' + base64
          var imageArray = that.data.imageArray;
          imageArray.push({id:id,description:description,status:status,title:title,price:price,image:image,type,type})
          that.setData({
            imageArray:imageArray
          })
          that.loadImage()
        }
      }
    })
    //转让
    wx.request({
      url: 'http://127.0.0.1:7001/api/user/transfer',
      header: {
        "Content-Type": "application/x-www-form-urlencoded"
      },
      method: 'GET',
      data: {
      }, 
      success: function (res) {
        console.log(res.data);
        const data = res.data.data.result
        // console.log(data);
        for(var i = 0; i <data.length; i++){
          const {id,description,petinfo,src,status,type} = data[i]
          const base64 = wx.arrayBufferToBase64(new Uint8Array(src.data));
          const image ='data:image/png;base64,' + base64
          var imageArray = that.data.imageArray;
          imageArray.push({id:id,description:description,petinfo:petinfo,image:image,status:status,type:type})
          that.setData({
            imageArray:imageArray
          })
          that.loadImage()
        }
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})